<template>
	<view class="page">
		<button @click="clickcoupon">吊起优惠券弹窗组件</button>
		
		<!-- 使用优惠券弹窗 -->
		<uniCoupon :showcoupon="showcoupon" :coupontype="coupontype" :couponList="couponList"
		@closecoupon="closecoupon" @confirmCoupon="confirmCoupon"></uniCoupon>
		<!-- 使用优惠券弹窗 -->
	</view>
</template>

<script>
	import uniCoupon from "@/components/uni_coupon.vue";
	export default {
		components:{
			uniCoupon,
		},
		data() {
			return {
				showcoupon:false,//是否弹窗展示
				coupontype:0,////0是满减。1是折扣
				couponList:[
					{
						id:1,
						amount:1,//优惠多少元，或者多少则扣
						minAmount:10,//满减门槛，满多少元
					},
					{
						id:2,
						amount:2,//优惠多少元，或者多少则扣
						minAmount:15,//满减门槛，满多少元
					}
				],
			}
		},
		methods: {
			//调起弹窗
			clickcoupon(){
				this.showcoupon = true
			},
			//关闭弹窗
			closecoupon(){
				this.showcoupon = false
			},
			//点击确认的返回值
			confirmCoupon(index){
				// console.log(index)
				var cpindex = Number(index)
				//index为-1的时候，表示不使用优惠券
				uni.showToast({
					title:"选择的下标是："+index,
					icon:"none"
				})
				//关闭弹窗
				this.closecoupon()
			},
		}
	}
</script>

<style>

</style>
